{include file=header.html}
<link href="{res file=css/login.css}" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function(){
    $('#find_password_form').validate({
        errorPlacement: function(error, element){
          $(element).parent('em').append(error);
        },
        success       : function(label){
            label.addClass('validate_right').text('OK!');
        },
        rules : {
            username : {
                required : true
            },
            email : {
                required : true,
                email : true
            },
            captcha : {
                required : true,
                remote   : {
                    url : 'index.php?app=captcha&act=check_captcha',
                    type: 'get',
                    data:{
                        captcha : function(){
                            return $('#captcha1').val();
                        }
                    }
                }
            } 
        },
        messages : {
            username : {
                required : '{$lang.username_required}'
            },
            email  : {
                required : '{$lang.email_required}',
                email : '{$lang.email_error}'
            },
            captcha : {
                required : '{$lang.captcha_required}',
                remote   : '{$lang.captcha_error}'
            }
        }
    });
});
</script>
<style>
    
.login li u { width:100px;}

</style>   
<div class="loginbg">
    <div class="loginptb" style='width: 800px;'>
        <div class="login" style='border-right: 0;'>
            <form action="" method="POST" id="find_password_form">
                <h2><b>{$lang.explain}</b></h2>
                <ul>
                    <li><u>{$lang.your_username}:</u>
                        <em><input type="text" name="username"/></em>
                    </li>
                    <li>
                         <u>{$lang.your_email}:</u>
                         <em><input type="text" name="email"/></em>
                    </li>
                    <li>
                        <u>{$lang.yangzheng}:</u>
                        <em>
                            <input type="text" name="captcha" id="captcha1">
                            <span><a class="renewedly" href="javascript:change_captcha($('#captcha'));"><img id="captcha" src="index.php?app=captcha" /></a></span>
                        </em>
                    </li>
                    <li class="logintip">
                        <span class="valid_success"></span>
                        <font></font>
                    </li>
                    <ol>
                         <em><input type="submit" value="{$lang.submit}" name="Submit" class="Submit" id="submit1"></em>
                    </ol>
                </ul>
            </form>
        </div>
    </div>
</div>
{include file=footer.html}